<template>
  <div id="user-dropdown">
    <el-dropdown placement="bottom-start" trigger="click">
      <span class="el-dropdown-link">
        <span style="font-size: 14px">用户：BJ00321</span>
        <i class="el-icon-caret-bottom" />
      </span>
      <el-dropdown-menu slot="dropdown">
        <el-dropdown-item icon="el-icon-switch-button">
          退出登录
        </el-dropdown-item>
      </el-dropdown-menu>
    </el-dropdown>

    <i class="el-icon-user"></i>
  </div>
</template>

<script>
export default {}
</script>

<style lang="scss" scoped>
#user-dropdown {
  padding: 2px 10px;
  display: flex;
  align-items: center;
  cursor: pointer;
  margin-left: 20px;

  .el-dropdown {
    padding: 12px 0;
    color: #fff;
  }

  .el-icon-user {
    font-size: 20px;
    margin-left: 12px;
    color: #fff !important;
  }
}
</style>
